<template>
    <div class='cell_inline-box'>
        <el-row class='cell_inline_body'>
            <el-col :span='4'>
                <label>账号： </label>
                <span> {{listData.account}}</span>
            </el-col> 
            <el-col :span='4'>
                <label>代理等级： </label>
                <span> {{listData.hcLevel || ''}}</span>
            </el-col> 
            <el-col :span='4'>
                <label>邀请人数： </label>
                <span> {{listData.totalInvitedAgent}}</span>
            </el-col> 
            <el-col :span='4'>
                <label>总业绩：</label>
                <span> {{listData.totalSold}}</span>
            </el-col> 
            <el-col :span='4'>
                <label>当月业绩：</label>
                <span> {{listData.sold}}</span>
            </el-col>   
        </el-row>
    </div>
    
</template>
<script>
export default {
    props: {
        listData: {
          type: Object,
          default: () => {}
        },
        
    },
    data() {
        return {
        }
    },
    created () {
    },
    watch: {
        'listData'() {
        }
    },

    computed: {
      
    },
    methods: {
      
    }
}
</script>
<style lang='scss'>
    // @import "../../style/custom/config_color";
    $baseBorder:'#dbdbdb';
    .cell_inline-box {
        .cell_inline_body {
            font-size: 12px;
            color: $colorBlack;
            border-bottom: 1px solid $baseBorder;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }
    }
</style>

